.page-wrap {
  background: #f7f7fc;
  .content {
    padding-bottom: 250rpx;
    .forms {
      margin-top: 24rpx;
      background: #fff;
      width: 750rpx;
      font-size: 32rpx;
      font-weight: 400;
      color: #56595d;
      .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 108rpx;
        border-bottom: 2rpx solid #f2f2fc;
        padding: 0 36rpx;
        .label {
          width: 220rpx;
          margin-right: 20rpx;
        }
        .right {
          flex: 1;
          text-align: right;
        }
        .right-flex {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          .arrow {
            width: 45rpx;
            height: 45rpx;
            position: relative;
            top: 4rpx;
            left: 8rpx;
          }
        }
        .form-input {
        }
        /deep/.u-radio {
          padding-left: 40rpx;
          padding-right:0rpx
        }
        /deep/ .u-radio-group{
          justify-content: flex-end;
        }
      }
    }

    .network {
      padding:0 24rpx;
      margin: 24rpx 0;
      background: #fff;
      .item-title {
        padding-top: 24rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .title {
          font-size: 32rpx;
          font-weight: bold;
          height: 48rpx;
          line-height: 48rpx;
          position: relative;
          .txt {
            z-index: 10;
            position: relative;
          }
          .bg {
            z-index: 1;
            position: absolute;
            width: 164rpx;
            height: 30rpx;
            background: linear-gradient(
              270deg,
              rgba(228, 238, 249, 0) 0%,
              rgba(231, 239, 255, 0.7) 100%
            );
            border-radius: 4rpx;
            bottom: -6rpx;
            left: -24rpx;
          }
        }
      }
    
      .child {
        padding: 24rpx 0;
        &-title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          .title {
            height: 42rpx;
            font-size: 30rpx;
            font-weight: bold;
            color: #282828;
            line-height: 42rpx;
          }
          .canUse {
            display: flex;
            .btn {
              margin-left: 16rpx;
              width: 88rpx;
              height: 44rpx;
              line-height: 44rpx;
              text-align: center;
              border-radius: 10rpx;
              border: 2rpx solid #e4e4e4;
              font-size: 26rpx;
              color: #b8b8b8;
            }
            .active {
              color: #13b681;
              border: 2rpx solid #13b681;
            }
          }
        }
        .dec {
        //  height: 38rpx;
          font-size: 26rpx;
          font-weight: 400;
          color: #b8b8b8;
          line-height: 38rpx;
          margin-top: 6rpx;
          margin-bottom: 20rpx;
        }
    
        .my-textarea {
          width: 100%;
          height: 224rpx;
          background: #f7f7fc;
          border-radius: 8rpx;
          border: 2rpx solid #e4e4e4;
          padding: 20rpx;
        }
      }
    }
   
  }
}

.btns {
  width: 750rpx;
  padding: 20rpx 50rpx;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
  position: fixed;
  z-index: 100;
  bottom: 0;
  .btn {
    width: 314rpx;
    height: 88rpx;
    line-height: 88rpx;
    border-radius: 20rpx;
    text-align: center;
    font-size: 32rpx;
    font-weight: bold;
    color: #ffffff;
  }
  .save {
    background: #ffae01;
  }
  .sub {
    background: #097eff;
  }
}
